// map.js
import qqmap from '../../../utils/qqMap'
let repair_id = ''
Page({
  data: {
    // latitude: 40.060539,
    // longitude: 116.343847,
    dialogVisible: false,
    markers: [
      {
        id: 1,
        latitude: 31.311584, //家
        longitude: 121.439441,
        width: 24,
        height: 30,
      },
      {
        id: 2, //标记的唯一标识
        //经纬度
        latitude: 31.310072, //菜市场
        longitude: 121.439905,
        //自定义标记图标的路径
        iconPath: '/static/images/marker.png',
        //标记的宽高
        width: 40,
        height: 40,
      },
    ],
  },
  onLoad({ id }) {
    // 获取维修详情
    repair_id = id
    this.getRepairDetail(id)
    qqmap.direction({
      mode: 'bicycling', //交通方式
      from: '31.311584,121.439441', //起点经纬度字符串 家
      to: '31.310072,121.439905', //终点经纬度字符串
      // 规划结果，回调中
      success: (res) => {
        // 格式转换非常复杂，咱们拿个地图官方提供的
        const coords = res.result.routes[0].polyline
        const points = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        for (let i = 2; i < coords.length; i++) {
          coords[i] = Number(coords[i - 2]) + Number(coords[i]) / 1000000
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coords.length; i += 2) {
          points.push({ latitude: coords[i], longitude: coords[i + 1] })
        }
        console.log(points)
        //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        this.setData({
          polyline: [
            {
              points,
              color: '#87CEFA',
              width: 4,
            },
          ],
        })
      },
      fail: function (error) {
        console.error(error)
      },
    })
  },
  async getRepairDetail(id) {
    // id 不存在就不必发请求了
    if (!id) return
    // 请求数据接口
    const { code, data: repairDetail } = await wx.http.get('/repair/' + id)
    // 校验接口调用结果
    if (code !== 10000) return wx.utils.toast('获取报修详情失败!')
    // 渲染报修详情
    this.setData({ ...repairDetail })
  },

  // 取消维修
  openDialogLayer() {
    this.setData({
      dialogVisible: true,
    })
  },
  // 关闭弹层 - 确认取消都写这里
  dialogClose(ev) {
    if (ev.detail === 'confirm') {
      this.cancelRepair()
    }
    // 不需要手动改为false，也能关闭
    // this.setData({
    //   dialogVisible: false,
    // })
  },
  async cancelRepair() {
    // 请求数据接口
    const { code } = await wx.http.put('/cancel/repaire/' + repair_id)
    // 检测接口的调用结果
    if (code !== 10000) return wx.utils.toast('取消报修失败!')
    // 跳转到报修列表页面
    wx.navigateBack()
  },

  //修改
  editRepair() {
    // 跳转到form页面，添加维修信息的页面
    wx.navigateTo({
      url: '/repair_pkg/pages/form/index?id=' + repair_id,
    })
  },
})
